<template>
  <div class="container">
    <v-agreement ref="agreement" :showCloseBtn="false"></v-agreement>
  </div>
</template>

<script type="text/ecmascript-6">
  import userAgreement from '@/components/common/user-agreement'

  export default {
    mounted() {
      this.$refs.agreement.showAgreement()
    },
    components: {
      'v-agreement': userAgreement
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/variable.styl"

  .agree-content
    background: $color-white !important
    .agree-wrapper
      .agree-main
        padding-bottom: 50px !important
        .title, .content
          color: #000 !important
</style>
